import React from 'react';
import { Row, Col } from 'antd';
import { FORMAT_DATE, MINUTE_TO_WORK_STR } from './renderUtil';
// 变更详情 -----
const mapping = {
    // 计划开始时间
    planStartTime: FORMAT_DATE,
    // 计划截止时间
    planEndTime: FORMAT_DATE,
    // 预估工时
    estimateWorkDuration: MINUTE_TO_WORK_STR,
    // 任务描述
    taskDesc: value => {
        const req = /^<p>\s*<\/p>$/;

        if (!value || req.test(value)) {
            return '';
        }
        return '【请通过任务详情->变更记录查看】';
    },
    // 关联链接
    relateLink: value => {
        if (!value) {
            return '';
        }
        let count = 0;
        return (
            <Row type="flex" align="middle">
                {value.split(' ').map(item => {
                    if (!item) {
                        return '';
                    }
                    count += 1;
                    return (
                        <Col key={count}>
                            <a href={item} rel="noopener noreferrer" target="_blank" style={{ marginLeft: '4px' }}>
                                关联链接{count}
                            </a>
                        </Col>
                    );
                })}
            </Row>
        );
    },
    // 附件
    // TODO 本期暂时解决，后期还需优化
    attachmentList: () => '【请通过任务详情->变更记录查看】'
};
export default mapping;
